<template>
  <div class="ele-commodity-details">
    <ele-header :seller="seller"></ele-header>
    <ele-tab />
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <ele-shop-car :seller="seller"></ele-shop-car>
  </div>
</template>

<script>
import { seller } from "@/config/api";
import eleHeader from "@/components/_shop_details/header";
import eleTab from "@/components/_shop_details/tab";
import eleShopCar from "@/components/_shop_car/index";
export default {
  data() {
    return {
      seller: {},
    };
  },

  created() {
    seller().then((res) => {
      this.seller = res.data;
    });
  },
  methods: {
    keys() {
      return new Date().getTime + Math.random().toString();
    },
    isOpen(){
      this.isShow = !this.isShow
    }
  },
  components: { eleHeader, eleTab, eleShopCar },
};
</script>

<style>
.ele-commodity-details {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
</style>
